<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>话题</title>
	<meta name="viewport" content="width=640,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/h5.css">
</head>
<body class="m-body">
	<div class="touch-wrapper">
		<div class="touch-header">
			<a href="/" class="logo"><img src="../images/icon/logo.png" alt="">宠物吧</a>
			<div class="log-btn">
				<a>城市</a>
				<a href="../login/index.html">登录</a>
			</div>
		</div>
		<div class="touch-contenter">
            <div class="touch-topic">
                <div class="touch-user-nav">
                    <ul class="clearfix">
                        <li><a href="javascript:;">首页</a></li>
                        <li><a href="javascript:;">休闲</a></li>
                        <li class="active"><a href="javascript:;">话题</a></li>
                        <li><a href="javascript:;">成长记录</a></li>
                        <li><a href="javascript:;">医疗</a></li>
                    </ul>
                    <span class="select-btn"></span>
                </div>
                <div class="touch-story-list">
                    <div class="touch-display">
                        <h3>热门视频</h3>
                        <div class="touch-topic-text">
                            <h4>牵狗没栓绳子被人鄙视</h4>
                            <p class="overflow-text">家里的狗一般出去都跟在主人身边的，而且一般你不去招惹它，它根本不可能袭击你。主人没栓狗绳，你提醒下就行了。家里的狗一般出去都跟在主人身边的，而且一般你不去招惹它，它根本不可能袭击你...</p>
                            <div class="view-more">
                                <a href="./detail.html">查看全部</a>
                            </div>  
                        </div>
                        
                        <div class="touch-video-comment">
                            <ul>
                                <li>
                                    <div class="clearfix">
                                        <span><img src="../images/icon/m-pic.png" alt="">小汪</span>
                                        <span>刚刚</span>
                                    </div>
                                    <p>杭州一小区两小孩被一只没拴狗绳</p>
                                </li>
                                <li>
                                    <div class="clearfix">
                                        <span><img src="../images/icon/m-pic.png" alt="">小汪</span>
                                        <span>刚刚</span>
                                    </div>
                                    <p>杭州一小区两小孩被一只没拴狗绳</p>
                                </li>
                            </ul>
                        </div>  
                        <div class="touch-management-comment touch-topic-comment clearfix">
                            <div class="touch-manage-eva">
                                <a href="javascript:;">10000</a>
                                <a href="javascript:;">3366</a>
                            </div>
                        </div>                   
                    </div>
                </div>
                <div class="touch-story-list">
                    <div class="touch-display">
                        <h3>最新话题</h3>
                        <div class="touch-topic-last">
                            <ul>
                                <li>
                                    <p>牵狗没栓绳子被人鄙视</p>
                                    <div class="touch-management-comment touch-topic-comment clearfix">
                                        <div class="touch-manage-eva">
                                            <a href="javascript:;">10000</a>
                                            <a href="javascript:;">3366</a>
                                        </div>
                                    </div> 
                                </li>
                                <li>
                                    <p>牵狗没栓绳子被人鄙视</p>
                                    <div class="touch-management-comment touch-topic-comment clearfix">
                                        <div class="touch-manage-eva">
                                            <a href="javascript:;">10000</a>
                                            <a href="javascript:;">3366</a>
                                        </div>
                                    </div> 
                                </li>
                                <li>
                                    <p>牵狗没栓绳子被人鄙视</p>
                                    <div class="touch-management-comment touch-topic-comment clearfix">
                                        <div class="touch-manage-eva">
                                            <a href="javascript:;">10000</a>
                                            <a href="javascript:;">3366</a>
                                        </div>
                                    </div> 
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="view-more">
                        <a>加载更多</a>
                    </div>
                </div>
            </div>
            <div class="touch-photo">
                <div>
                    <img src="../images/icon/select-icon.png" alt="">
                    <span>发布</span>
                </div>
            </div>
		</div>
	</div>
</body>
</html>
